<template>
  <div class="recommend-listItem-wrapper">
    <p>{{ item.title }}</p>
    <p>{{ item.intro }}</p>
    <cover-row
      v-for="(item, idx) in item.list"
      :key="`${item.title}-${idx}`"
      :item="item"
    />
  </div>
</template>
<script>
import CoverRow from './CoverRow'
export default {
  props: {
    item: {
      type: Object,
      default: () => {},
      required: true,
    },
  },
  components: { CoverRow },
  data() {
    return {}
  },
  computed: {},
  mounted() {},
  filters: {},
  watch: {},
  methods: {},
}
</script>

<style lang="less" scoped>
.recommend-listItem-wrapper {
  // min-height: 100%;
  margin-top: 35px;
  & > p {
    margin: 0;
  }

  & > p:first-of-type {
    line-height: 15px;
    font-family: 'SourceHanSansCN-Medium';
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.8);
  }

  & > p:nth-of-type(2) {
    margin-top: 12px;
    line-height: 80px;
    font-family: 'SourceHanSansCN-Regular';
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 20px;
    letter-spacing: 0px;
    color: rgba(0, 0, 0, 0.5);
  }
}
</style>
